﻿/*Clear fix*/
*
{
    margin: 0px;
    padding: 0px;
}

body
{
    font: 12px/1.5 Tahoma, Arial, 'Liberation Sans', FreeSans, sans-serif;
    height: 100%;
    min-width: 1024px;
    background: none repeat scroll 0 0 #F9F9F9;
    color: #515151;
    line-height: 16px;
}
a {
	text-decoration: none;
	color: #025494;
}
a:hover
{
    color: #FC2E0A;
} 
p {
	color: #515151;
}
img
{
    border:none;
}
.master-wrapper-content
{
    width: 100%;
}
.floatleft
{
    float:left;
}
.floatright
{
    float:right;
}
/*End Clear Fix*/
/*Layout Style*/
#TopBar
{
    background: #272E36;
    height: 32px;
    text-align: right;
    bottom: auto;
    position: fixed;
    top: 0;
    z-index: 11;
    width: 100%;
}
#TopBar .Content
{
    margin: 0 auto;
    width: 1024px;
}
#TopBar .Navi
{
    display:block;
    list-style:none;
}
#TopBar .Navi li
{
    float:left;
}
#TopBar li a.Link
{
    color:#CCCCCC;
}
#TopBar li a.Link:hover
{
    color: #272E36;
}

#TopBar li
{
    float:left;
    height:27px;
    padding:6px 10px 0px 10px;
    font-weight:bold;
}
#TopBar li:hover
{
    background: none repeat scroll 0 0 #FFF;
    border-top: 3px solid #F4A932;
    padding-top:3px;
}
/*End TopBar*/

#Outer
{
    margin: 0 auto;
    width: 1024px;
}
#Header
{
    margin-top:32px;
    width: 100%;
    height: 100px;
}
#Menu
{
    width: 100%;
    background: url("/App_Themes/ITCompany/Images/menu-bg.png") repeat-x scroll 0 0 transparent;
    margin: 10px 0;
    height: 46px;
	position: relative;
}
#wrapper
{
    background: url("/App_Themes/ITCompany/Images/main-top.png") no-repeat scroll 0 0 transparent;	
    padding:14px 0 0 0;
}
#wrapper #inner {
	background: url("images/main-repeat.png") repeat-y scroll 0 0 transparent;
	padding: 0 14px;
}

#Navigation
{
}
.TopArea
{
    width: 100%;
}
.LeftSidebar
{
    width: 24%;
    vertical-align: top;
}
.LeftSidebarContent
{
    padding-right: 10px;
}

.CenterArea
{
    margin: 0 9px;
    vertical-align: top;
}
.RightSidebar
{
    width: 24%;
    vertical-align: top;
}
.RightSidebarContent
{
    padding-left: 10px;
}

.BottomArea
{
}
#Footer
{
	height: 84px;
	margin: 0 0 0 3px;
    width: 100%;
    background: url("images/footer-bg.png") no-repeat scroll 0 0 transparent;
}
#BottomBar
{
    width: 100%;
}
/*End Layout Style*/

/*Module Style*/

.box-tl{background:transparent url(/App_Themes/ITCompany/Images/box/corners.gif) no-repeat 0 0;zoom:1;}
.box-tc{height:8px;background:transparent url(/App_Themes/ITCompany/Images/box/tb.gif) repeat-x 0 0;overflow:hidden;}
.box-tr{background:transparent url(/App_Themes/ITCompany/Images/box/corners.gif) no-repeat right -8px;}
.box-ml{background:transparent url(/App_Themes/ITCompany/Images/box/l.gif) repeat-y 0;padding-left:4px;overflow:hidden;zoom:1;}
.box-mc{background:#eee url(/App_Themes/ITCompany/Images/box/tb.gif) repeat-x 0 -16px;padding:4px 10px;font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;color:#393939;font-size:12px;}
.box-mc h3{font-size:14px;font-weight:bold;margin:0 0 4px 0;zoom:1;}
.box-mr{background:transparent url(/App_Themes/ITCompany/Images/box/r.gif) repeat-y right;padding-right:4px;overflow:hidden;}
.box-bl{background:transparent url(/App_Themes/ITCompany/Images/box/corners.gif) no-repeat 0 -16px;zoom:1;}
.box-bc{background:transparent url(/App_Themes/ITCompany/Images/box/tb.gif) repeat-x 0 -8px;height:8px;overflow:hidden;}
.box-br{background:transparent url(/App_Themes/ITCompany/Images/box/corners.gif) no-repeat right -24px;}
.box-tl,.box-bl{padding-left:8px;overflow:hidden;}
.box-tr,.box-br{padding-right:8px;overflow:hidden;}
.box-blue .box-bl,.box-blue .box-br,.box-blue .box-tl,.box-blue .box-tr{background-image:url(/App_Themes/ITCompany/Images/box/corners-blue.gif);}
.box-blue .box-bc,.box-blue .box-mc,.box-blue .box-tc{background-image:url(/App_Themes/ITCompany/Images/box/tb-blue.gif);}
.box-blue .box-mc{background-color:#c3daf9;}
.box-blue .box-mc h3{color:#17385b;}
.box-blue .box-ml{background-image:url(/App_Themes/ITCompany/Images/box/l-blue.gif);}
.box-blue .box-mr{background-image:url(/App_Themes/ITCompany/Images/box/r-blue.gif);}

.Module
{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.Module .Module_Title
{
    line-height: 1.5em;
    font-size: 16px;
    font-weight: bold;
    color: red;
    padding: 0 0 14px 0;
    overflow: hidden;
    background:url("/App_Themes/ITCompany/Images/hline.gif") repeat-x scroll 0 28px transparent;
}
.Module .Module_Content
{
    height: auto;
}

/*Product Style*/
.products-scroll
{
    width: 100%;
    height: auto;
}
.products-scroll ul li
{
    list-style: none;
    display: block;
    padding-bottom: 1px;
    margin-bottom: 5px;
    min-height:55px
}
.products-scroll .thumbnail
{
    float: left;
    width: 70px;
}
.products-scroll .thumbnail img
{
    padding: 1px;
    border: 1px solid #ccc;
}
.products-scroll .info
{
    float: right;
    width: 120px;
}
.products-scroll .info span.cat
{
    display: block;
    font-size: 10px;
    color: #808080;
}

br.clear
{
    clear: both;
    line-height: 4px;
}
.clear
{
    clear: both;
}

/*Article Style*/
.Article-item
{
    float: left;
    margin-bottom: 5px;
}
.Article-item .img
{
    float: left;
    margin: 10px 10px 0 0;
    width: auto;
}
.Article-item img
{
    border: 1px solid #CCCCCC;
    padding: 2px;
    width: 140px;
    height: 90px;
}
.Article-item .title
{
    font-weight: bold;
    line-height: 20px;
    color: Red;
}
.Article-item .date
{
    background: url("images/date.png") 5px 0px no-repeat;
    padding: 0 5px 0 25px !important;
}
.Article-item .likecount
{
    background: url("images/like.png") 5px 0px no-repeat;
}
.Article-item .viewcount
{
    background: url("images/eye.png") 5px 3px no-repeat;
}

.Article-item .dislikecount
{
    background: url("images/dislike.png") 5px 0px no-repeat;
    color: Red;
}
.Article-item .commentcount
{
    background: url("images/comment.png") 8px 0px no-repeat;
    padding-left: 20px !important;
    width:24px;
}
.Article-item .date, .Article-item .likecount, .Article-item .viewcount, .Article-item .dislikecount, .Article-item .commentcount
{
    padding: 5px 5px 5px 30px;
    color: Red;
    display:inline-block;
}

.Article-item .haveebook
{
    background: url("images/pdf16.png") 8px 0px no-repeat;
    padding: 2px 5px 2px 25px;
}
.Article-item .havephoto
{
    background: url("images/photo.gif") 8px 0px no-repeat;
    padding: 2px 5px 2px 25px;
}
.Article-item .havevideo
{
    background: url("images/video.gif") 8px 0px no-repeat;
    padding: 2px 5px 2px 25px;
}

/*Article Detail*/
.Article-Detail
{
    line-height: 24px;
}
.Article-Detail h1.Title
{
    font-size: 24px;
    display: inline-block;
}
.Article-Detail .Description
{
    color: #333333;
    font-weight: bold;
}
.Article-Detail .Content
{
}
.Article-Detail .Content img
{
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    border: 1px solid #ccc;
    max-width:95%;
}
.Article-share
{
    float: right;
}
.Article-Detail .Article-Date
{
    background: url("images/date.png") 4px 3px no-repeat;
    padding: 0 5px 0 25px !important;
    font-style: italic;
    color: #333;
}

/*Comments*/
.Discussion
{
    width:100%;
    overflow:hidden;
}
.Discussions h1
{
    color: Red;
    line-height: 32px;
    border-bottom: 1px solid red;
}
.Discussions h1 a
{
    cursor:pointer;
}

.Discussions ul
{
    list-style: none;
    margin: 10px 0;
}
.Discussions ul li
{
    list-style: none;
    margin-top:10px;
}
.Discussions ul li ul.Replies
{
    list-style: none;
    margin: 10px 0 10px 80px;
}

.Comment-Item
{
}
.Comment-Item .Avatar
{
    float: left;
    padding-right: 5px;
}
.Comment-Item .Avatar img
{
    border: 1px Solid #ccc;
}

.Comment-Item .Detail-Wrapper
{
    background: url("images/tdborder.jpg") 0px 0px no-repeat;
    margin-left: 70px;
    position:relative;
}
.Comment-Item .Detail-Wrapper .Detail
{
    border: 1px solid #BDBDBD;
    border-left: none;
    margin-left: 10px;
    padding: 4px 10px;
    min-height:52px;
}
.Comment-Item .Detail .Content
{
}
.Comment-Item .Detail .Author
{
    color: Red;
    font-weight: bold;
}
.Comment-Item .Detail .Date
{
}

.Comment-Item .reply
{
    position: absolute;
    right: 8px;
    bottom: 4px;
    width: 60px;
}

.date
{
    font-style: italic;
    color: #333;
}
/*Statistic*/
.Counter
{
    background:url("images/countborder.png") 0px 0px no-repeat;
    padding:4px 22px 4px 10px;
    text-align:center;
    margin-right:5px;
}
/*Form*/
input[type="text"], input[type="password"], textarea, input[type="file"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
}
#commentform input[type="submit"], 
input[type="submit"],input[type="button"],
a.button,
.reply a,
span.buttons,
div#tags a {
	border: 1px solid #fff;  
    color: #333;
    background: #FEFEFE /*url(images/light/button_bg.jpg) repeat-x left center*/;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E1E1E1));
	background: -moz-linear-gradient(top,  #FEFEFE,  #E1E1E1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E1E1E1');
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d8d8d8));
	background: -moz-linear-gradient(top,  #f8f8f8,  #d8d8d8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d8d8d8');
}
#commentform input[type="submit"]:hover, 
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover,
.reply a:hover,
span.buttons:hover,
div#tags a:hover { 
	background: #e8e8e8;
}
/*---FORM STUFF---*/
input[type="text"],input[type="password"] {padding: 5px; width:185px; margin:5px 0 0 0;}
textarea {padding: 4px; width:90%; font-family: Arial; font-size: 12px; margin-top: 5px; min-height:150px}

select{padding:3px;}
option {padding:0 5px; margin: 2px 0;}
 
input[type="text"],
input[type="password"],
input[type="file"],
textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

#commentform input[type="submit"], 
input[type="submit"],
input[type="button"],
a.button,
.reply a 
{
    height:24px;
    line-height:24px;
    text-decoration:none;
	cursor: pointer; 
	display: inline-block; 
    padding: 0px 15px;
    font-size: 12px;
    text-align: center;
    margin: 1px;
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,1);
	box-shadow: 0px 0px 1px rgba(0,0,0,1);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	/*THIS IS AN IE7 FIX --> */zoom: 1;*display:inline;
}
#commentform input[type="submit"]:hover, 
input[type="submit"]:hover,input[type="button"],
a.button:hover,
.reply a:hover,
span.buttons { 
	text-decoration: none;
}
span.buttons {
	cursor: pointer; 
	display: inline-block; 
    padding: 6px 10px;
    font-size: 10px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,1);
	box-shadow: 0px 0px 1px rgba(0,0,0,1);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	/*THIS IS AN IE7 FIX --> */zoom: 1;*display:inline;
}

.Articles-List ul li
{
    list-style:none;
    background:url("images/arrow16.png") 0px 3px no-repeat;
    padding-left:20px;
    line-height:24px;
}

/*Products Style*/
.ProductTemplate
{
    height:100%;
}
.ProductItem
{
    margin:1px 2px;
    text-align:center;
    padding:8px 5px;
    border: 1px solid #F8E780;   
    cursor:pointer;
    border-radius: 4px;
    min-height:170px
}
.ProductItem:hover
{
    background:#FCF4C7;
}
.ProductItem a
{
    text-decoration:none;
}
.ProductItem img.Product-Img
{
    width:95px;
    height:80px;
    padding:2px;
    border:1px solid #ccc;
    background:#fff
}
.ProductItem a.Product-Name
{
    color:#999;
    text-decoration:none;
    font-weight:bold;  
    display:inline-block;
    min-height:48px; 
}
.ProductItem a.Product-Name:hover
{
       color:Red;
}
.Price
{
    font-weight:bold;   
    color:Red;
}
.OldPrice
{
    font-size:11px;
    color:#FF4D1C;
    font-style:italic;
    text-decoration:line-through;
}
/*Product Detail*/
.Product-Detail 
{
    min-height:300px;
}
.Product-Detail .Product-Image
{
    float: left;
    text-align: center;
    width: 210px;
}
.Product-Detail .Product-Info
{
    float: left;
    width: 268px;   
}
.Product-Detail .ShareLink
{
    float:left;
    clear: both;
}
.Product-Info .Label
{
    text-align:right;
    font-weight:bold; 
}
.Product-Info .Value
{
    text-align:left;
    font-weight:bold;
    color:Red 
}

table.ProductInfoTable,table.InfoTable
{
    width:99%;    
}
table.ProductInfoTable tr td.Left,table.InfoTable tr td.Left
{
    text-align:right;
    padding-right:10px;
    line-height:1.5em;
}
table.InfoTable tr td.Left
{
    font-weight:bold;   
}
/*Message*/
.Message_Success
{
    font-weight:bold;
    background:#6AED96;
    border-radius:3px;
    -moz-border-radius:3px;
    text-align:center;
    margin:10px 0;
    padding:8px 5px;
    line-height:1.8em;
}

/*QuickSerach*/
#QuickSearch
{
    float:right;
    margin:5px 25px 0 0;
    width:auto;   
    position:relative;
}
#QuickSearch .QuickSearchInput
{
    padding-right:28px;
    padding-left:25px;
}
#QuickSearch .SearchButton 
{
    background:url("images/search_24.gif") 0px 0px no-repeat;
    position:absolute;
    top:7px;
    right:4px;
    width:24px;
    height:24px;
    border:none!important;
}
#QuickSearch .Image_language
{
    position:absolute;
    top:13px;
    left:4px;
    padding-right:4px;
    border-right:1px solid #ccc;
    cursor:pointer;   
}

/*Login Form*/
.Login
{
    font-size: 12px;
    line-height: 32px;
    padding: 5px;
}
.Login input
{
    float:right;
    padding:3px;
}
.Login .failureNotification
{
    color:Red;
    line-height:24px;
}

/*End Login Form*/